<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <!--  初始化与赋值有着本质的区别，初始化是变量定义时的第一次赋值，
    赋值则是定义之后的值的变更操作，概念上不同，所以实现上也不一样。 -->

  <!-- 在允许按照一定模式，从数组和对象中提取值，对变量进行 赋值
       ，这种就称 之 为 结构赋值  -->
  <script>

    // 数组的解构赋值
    var [a,...b] = [1, 2, 3,4,5]
    console.log('a', a,'b',b);


    //对象的结构赋值
    let {uname} = {uname: "班长",age: 20}
    console.log(uname);
  </script>
</body>

</html>